﻿@using SimpleScrum.Areas.Scrum.Models
@using SimpleScrum.Utils
@{
    var usersModel = new UsersModel();
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!--basic styles-->
    <link href="~/Content/Customize/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/Customize/css/bootstrap-responsive.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/Content/Customize/css/font-awesome.min.css" />
    <!--[if IE 7]>
		  <link rel="stylesheet" href="~/Content/Customize/css/font-awesome-ie7.min.css" />
		<![endif]-->
    <!--page specific plugin styles-->
    <link rel="stylesheet" href="~/Content/Customize/css/jquery-ui-1.10.3.custom.min.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/chosen.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/datepicker.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/bootstrap-timepicker.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/daterangepicker.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/colorbox.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/colorpicker.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/fullcalendar.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/jquery-ui-1.10.3.custom.min.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/jquery.gritter.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/prettify.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/select2.css" />
    <!--fonts-->
    <link rel="stylesheet" href="~/Content/Customize/fonts.googleapis.com/css5c0a.css?family=Open+Sans:400,300" />
    @*<link rel="stylesheet" href="http://fonts.googleapis.com/css5c0a.css?family=Open+Sans:400,300" />*@
    <!--scrum styles-->
    <link rel="stylesheet" href="~/Content/Customize/css/scrum.min.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/scrum-responsive.min.css" />
    <link rel="stylesheet" href="~/Content/Customize/css/scrum-skins.min.css" />
    <!--[if lte IE 8]>
		  <link rel="stylesheet" href="~/Content/Customize/css/scrum-ie.min.css" />
		<![endif]-->
    <!--inline styles related to this page-->
</head>
<body>
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container-fluid">
                <a href="#" class="brand">
                    <small><i class="icon-cogs "></i>&nbsp;Simple Scrum</small>
                </a>
                <!--/.brand-->
                <ul class="nav scrum-nav pull-right">
                    <li class="grey">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <i class="icon-tasks"></i>
                            <span class="badge badge-grey">4</span>
                        </a>
                        <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">
                            <li class="nav-header">
                                <i class="icon-ok"></i>
                                4 Tasks to complete
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">Software Update</span>
                                        <span class="pull-right">65%</span>
                                    </div>
                                    <div class="progress progress-mini ">
                                        <div style="width: 65%" class="bar"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">Hardware Upgrade</span>
                                        <span class="pull-right">35%</span>
                                    </div>
                                    <div class="progress progress-mini progress-danger">
                                        <div style="width: 35%" class="bar"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">Unit Testing</span>
                                        <span class="pull-right">15%</span>
                                    </div>
                                    <div class="progress progress-mini progress-warning">
                                        <div style="width: 15%" class="bar"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">Bug Fixes</span>
                                        <span class="pull-right">90%</span>
                                    </div>
                                    <div class="progress progress-mini progress-success progress-striped active">
                                        <div style="width: 90%" class="bar"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">See tasks with details
									    <i class="icon-arrow-right"></i>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="purple">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <i class="icon-bell-alt icon-animated-bell"></i>
                            <span class="badge badge-important">8</span>
                        </a>

                        <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-closer">
                            <li class="nav-header">
                                <i class="icon-warning-sign"></i>
                                8 Notifications
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">
                                            <i class="btn btn-mini no-hover btn-pink icon-comment"></i>
                                            New Comments
                                        </span>
                                        <span class="pull-right badge badge-info">+12</span>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="btn btn-mini btn-primary icon-user"></i>
                                    Erfan Habib just signed up...
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">
                                            <i class="btn btn-mini no-hover btn-success icon-shopping-cart"></i>
                                            New Orders
                                        </span>
                                        <span class="pull-right badge badge-success">+8</span>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">
                                            <i class="btn btn-mini no-hover btn-info icon-twitter"></i>
                                            Followers
                                        </span>
                                        <span class="pull-right badge badge-info">+11</span>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">See all notifications
				                        <i class="icon-arrow-right"></i>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="green">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <i class="icon-envelope icon-animated-vertical"></i>
                            <span class="badge badge-success">5</span>
                        </a>
                        <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">
                            <li class="nav-header">
                                <i class="icon-envelope-alt"></i>
                                5 Messages
                            </li>
                            <li>
                                <a href="#">
                                    <img src="~/Content/Customize/avatars/avatar.png" class="msg-photo" alt="Mazharul Haque Rume's Avatar" />
                                    <span class="msg-body">
                                        <span class="msg-title">
                                            <span class="blue">Mazharul Haque Rume:</span>
                                            Ciao sociis natoque penatibus et auctor ...
                                        </span>
                                        <span class="msg-time">
                                            <i class="icon-time"></i>
                                            <span>a moment ago</span>
                                        </span>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="~/Content/Customize/avatars/avatar3.png" class="msg-photo" alt="Rawshon Ferdaws's Avatar" />
                                    <span class="msg-body">
                                        <span class="msg-title">
                                            <span class="blue">Rawshon Ferdaws:</span>
                                            Vestibulum id ligula porta felis euismod ...
                                        </span>
                                        <span class="msg-time">
                                            <i class="icon-time"></i>
                                            <span>20 minutes ago</span>
                                        </span>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="~/Content/Customize/avatars/avatar4.png" class="msg-photo" alt="Erfan Habib's Avatar" />
                                    <span class="msg-body">
                                        <span class="msg-title">
                                            <span class="blue">Erfan Habib:</span>
                                            Nullam quis risus eget urna mollis ornare ...
                                        </span>
                                        <span class="msg-time">
                                            <i class="icon-time"></i>
                                            <span>3:15 pm</span>
                                        </span>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">See all messages
									    <i class="icon-arrow-right"></i>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="light-blue">
                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                            <img class="nav-user-photo" src="~/Content/Customize/avatars/avatar2.png" alt="Jason's Photo" />
                            <span class="user-info"><small>Welcome,</small>@WebSecurity.CurrentUserName </span>
                            <i class="icon-caret-down"></i>
                        </a>
                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
                            <li>
                                <a href="#"><i class="icon-cog"></i>Settings</a>
                            </li>
                            <li>
                                <a href="#"><i class="icon-user"></i>Profile</a>

                            </li>
                            <li class="divider"></li>
                            <li class="text-center">
                                @using (Html.BeginForm("LogOff", "ControlPanel", FormMethod.Post, new { id = "logoutForm", @class = "menu-text" }))
                                {
                                    @Html.AntiForgeryToken()
                                    <a href="javascript:document.getElementById('logoutForm').submit()" class="middle">
                                        <i class="icon-power-off"></i><span class="menu-text">Logout</span>
                                    </a>
                                }
                            </li>
                        </ul>
                    </li>
                </ul>
                <!--/.scrum-nav-->
            </div>
            <!--/.container-fluid-->
        </div>
        <!--/.navbar-inner-->
    </div>
    <div class="main-container container-fluid">
        @Html.Partial("_SidebarPartial")
        <div class="main-content">
            @RenderBody()
            <div class="scrum-settings-container" id="scrum-settings-container">
                <div class="btn btn-app btn-mini btn-success scrum-settings-btn" id="scrum-settings-btn">
                    <i class="icon-cog bigger-150"></i>
                </div>
                <div class="scrum-settings-box" id="scrum-settings-box">
                    <div>
                        <div class="pull-left">
                            <select id="skin-colorpicker" class="hide">
                                <option data-class="default" value="#438EB9">#438EB9</option>
                                <option data-class="skin-1" value="#222A2D">#222A2D</option>
                                <option data-class="skin-2" value="#C6487E">#C6487E</option>
                                <option data-class="skin-3" value="#D0D0D0">#D0D0D0</option>
                            </select>
                        </div>
                        <span>&nbsp; Choose Skin</span>
                    </div>
                    <div>
                        <input type="checkbox" class="scrum-checkbox-2" id="scrum-settings-header" />
                        <label class="lbl" for="scrum-settings-header">Fixed Header</label>
                    </div>
                    <div>
                        <input type="checkbox" class="scrum-checkbox-2" id="scrum-settings-sidebar" />
                        <label class="lbl" for="scrum-settings-sidebar">Fixed Sidebar</label>
                    </div>
                    <div>
                        <input type="checkbox" class="scrum-checkbox-2" id="scrum-settings-breadcrumbs" />
                        <label class="lbl" for="scrum-settings-breadcrumbs">Fixed Breadcrumbs</label>
                    </div>
                    <div>
                        <input type="checkbox" class="scrum-checkbox-2" id="scrum-settings-rtl" />
                        <label class="lbl" for="scrum-settings-rtl">Right To Left (rtl)</label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-small btn-inverse">
        <i class="icon-double-angle-up icon-only bigger-110"></i>
    </a>

    <script src="~/Content/Customize/ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script type="text/javascript">
        window.jQuery || document.write("<script src='~/Content/Customize/js/jquery-2.0.3.min.js'>" + "<" + "/script>");
    </script>
    <script type="text/javascript">
        if ("ontouchend" in document) document.write("<script src='~/Content/Customize/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
    </script>
    <script src="~/Content/Customize/js/bootstrap.min.js"></script>
    <script src="~/Content/Customize/js/scrum-elements.min.js"></script>
    <script src="~/Content/Customize/js/scrum.min.js"></script>
    @RenderSection("scripts", required: false)

    <script type="text/javascript">
        var url = window.location;
        // Will only work if string in href matches with location
        $('ul.nav a[href="' + url + '"]').parent().addClass('active');

        // Will also work for relative and absolute hrefs
        $('ul.nav a').filter(function () {
            return this.href == url;
        }).parent().addClass('active');

        /*menu handler*/
        //$(function () {
        //    function stripTrailingSlash(str) {
        //        if (str.substr(-1) == '/') {
        //            return str.substr(0, str.length - 1);
        //        }
        //        return str;
        //    }

        //    var url = window.location.pathname;
        //    var activePage = stripTrailingSlash(url);

        //    $('.nav li a').each(function () {
        //        var currentPage = stripTrailingSlash($(this).attr('href'));

        //        if (activePage == currentPage) {
        //            $(this).parent().addClass('active');
        //        }
        //    });
        //});
    </script>

</body>

</html>